<!-- Redirect to the login page if there is no session created -->
<%
if (session.getAttribute("username") == null  || session.getAttribute("username") != null ) {
	response.sendRedirect("/login.jsp");
}
%>

<head>
	<!--CSS-->
	<link rel="stylesheet" href="css/SearchBar.css" type="text/css" media="screen"/>
	
	<!--Ajax Scripts-->
		<script type="text/javascript" src="js/AjaxSearch.js"></script>
</head>
<!-- 
<div id="SearchBarPanel">
	<div id="search_bar">
		<form name="searchForm" method="get" action="/search">
			<input type="text" name="keyword" style="font-size: large;" />
			<button type="submit" name="btnSearch" style="display: inline;"><img alt="" src="images/magnifying_glass.png" style="width:15px; height: 15px;"></button>
		</form>
	</div>
</div>
 -->
 
 <div id="SearchBarPanel">
	<div id="search_bar">
		<form name="searchForm" method="get">
			<input type="text" id="keyword" name="keyword" placeholder="Search Media Files" style="font-size: large;" onkeyup="ajaxSearch()" />
			<button type="button" id="btnSearch" name="btnSearch" style="display: inline;" onClick="ajaxSearch()">
				<img alt="" src="images/magnifying_glass.png" style="width:15px; height: 15px;">
			</button>
		</form>
	</div>
</div>